import React from 'react'
import { ResultPage, Card } from 'antd-mobile'
import { useNavigate } from 'react-router-dom'
import { LoopOutline } from 'antd-mobile-icons'
import { useSelector } from 'react-redux'
function Index() {
  const navigate = useNavigate()
  const {start,end}=useSelector(state=>state.City)
  return (
    <div>
        <ResultPage
      status=''
      title='操作成功'
      description=''
    >
      <ResultPage.Card style={{ height: 64, padding: 8 }}>
          <div>
            <span onClick={()=>navigate('/detail/start')}>{ start}</span>
            <LoopOutline />
            <span onClick={()=>navigate('/detail/end')}>{ end}</span>
         </div>
      </ResultPage.Card>

     
    </ResultPage>
    </div>
  )
}

export default Index
